<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/shipingliulan.css">
		<script src="js/common.js"></script>
		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="./js/cg1.js"></script>
	</head>
	<body>
		<header>
			<div class="w1070 l">
				<a href=""><img src="images/logo.png" alt="" class="logo"></a>
				<img src="images/home_one.png" alt="" class="one fl" >
				<ul class="fl nav">
					<li class="active"><a href="">优粤门户</a>
						<div class="nav_box">
							<div class="nav_cnt">
								<div><a href="">优视频</a></div>
								<div><a href="">粤文化</a></div>
								<div><a href="">有机会</a></div>
							</div>
						</div>
					</li>
					<li class="active"><a href="">有啊社区</a>
						<div class="nav_box">
							<div class="nav_cnt">
								<div><a href="">优视频</a></div>
								<div><a href="">粤文化</a></div>
								<div><a href="">有机会</a></div>
							</div>
						</div>
					</li>
					<li><a href="">登录</a></li>
					<li><a href="">注册</a></li>
				</ul>
				<div class="fr search_box">
					<a href="javascript:;"class="searchBtn"><img src="images/home_search.png" alt="" class="search fr"></a>
					<div class="inputsearch">
							<input type="text" class="text">
							<input type="button" name="" id="" value=" " class="search_btn"/>
					</div>
				</div>
				
				<div class="clear"></div>
			</div>
		</header>
		<section class="banner">
			<div class="w1070">
				<img src="images/toupiao_banner.jpg" alt="">
				<img src="images/cg1_banner.jpg" alt="">
				<img src="images/cg_banner.jpg" alt="">
			</div>
		</section>
		<section class="banner_bot">
			<div class="w1070">
				<a href="">校园电视台联盟</a>
				<a href="">我是艺人</a>
				<a href="">故事剧本</a>
				<a href="">制作技术</a>
				<a href="">制作互动</a>
				<a href="">素材推荐</a>
				<a href="">行业相关</a>
				<a href="">幕后心得</a>
				<a href="">粤文化</a>
				<a href="">站务</a>
				<a href="">优视频</a>
				<a href="">Ur有话说</a>
			</div>
			<div class="clear"></div>
		</section>
		<section class="middle">
			<div class="w1070">
				<div class="pos">
					<a href="">评分</a>
					<a href="">评论</a>
					<a href="">收藏</a>
					<a href="">分享</a>
					<div class="info">
						<img src="images/shipingliulan_orxing.png" alt="">
						<img src="images/shipingliulan_orxing.png" alt="">
						<img src="images/shipingliulan_orxing.png" alt="">
						<img src="images/shipingliulan_orxing.png" alt="">
						<img src="images/shipingliulan_orxing.png" alt="">
						<span>给个评分吧</span>
					</div>
				</div>
				
				
				
				<div class="fl left">
					<p class="breadcrumb">首页 >> Ur活动 >> 北京大学生电影节</p>
					<p class="title">《战地4》最新情报，指挥官系统登场</p>
					<p class="t2">
						<span class="author">Clay-Li </span>发表于2013-8月-日  优视频 其他
						<span class="fr fen">4.0</span>
						<img src="images/shipingliulan_xing.png" alt=""class="fr">
						<img src="images/shipingliulan_orxing.png" alt="" class="fr">
						<img src="images/shipingliulan_orxing.png" alt=""class="fr">
						<img src="images/shipingliulan_orxing.png" alt=""class="fr">
						<img src="images/shipingliulan_orxing.png" alt=""class="fr">
					</p>
					<img src="images/shipingliulan_movie.jpg" alt="" class="movie">
					<p class="cnt">《战地4》的神秘面纱终于随着此次的E3宣传而被渐渐被揭下，从先前的各种不知所谓的7秒视频、若隐若现的截图、扑朔迷离的单机剧情以及各种铺天盖地的真假新闻。无不吊足了每一个玩家的胃口，同时在距离游戏发布前近1年便开始预售。不得不赞叹如此高明的饥饿营销法。真是恰似一株空谷幽兰，遗世独立啊</p>
					<img src="images/shipingliulan_com.jpg" alt="" class="com">
					<p class="movie_name">《战地4》</p>
					<div class="ganshou">
						<p class="">你看完的感受是：</p>
						<ul>
							<li>
								<div class="or_box">
									<p>200</p>
									<div class="or"></div>
								</div>
								<img src="images/shipingliulan_biao1.jpg" alt="">
								<p>支持</p>
								<input type="radio"  class="radio"/>
							</li>
							<li>
								
								<div class="or_box">
									<div>
										<p>50</p>
										<div class="or or2"></div>
									</div>
								</div>
								<img src="images/shipingliulan_biao2.jpg" alt="">
								<p>高兴</p>
								<input type="radio"  class="radio"/>
							</li>
							<li>
								<div class="or_box">
									<div>
										<p>20</p>
										<div class="or or3"></div>
									</div>
								</div>
								<img src="images/shipingliulan_biao3.jpg" alt="">
								<p>震惊</p>
								<input type="radio"  class="radio"/>
							</li>
							<li>
								<div class="or_box">
									<div>
										<p>1</p>
										<div class="or or4"></div>
									</div>
								</div>
								<img src="images/shipingliulan_biao4.jpg" alt="">
								<p>愤怒</p>
								<input type="radio"  class="radio"/>
							</li>
							<li>
								<div class="or_box">
									<div>
										<p>153</p>
										<div class="or or5"></div>
									</div>
								</div>
								<img src="images/shipingliulan_biao5.jpg" alt="">
								<p>难过</p>
								<input type="radio"  class="radio"/>
							</li>
							<li>
								<div class="or_box">
									<div>
										<p>61</p>
										<div class="or or6"></div>
									</div>
								</div>
								<img src="images/shipingliulan_biao6.jpg" alt="">
								<p>无奈</p>
								<input type="radio"  class="radio"/>
							</li>
							<li>
								<div class="or_box">
									<div>
										<p>1</p>
										<div class="or or7"></div>
									</div>
								</div>
								<img src="images/shipingliulan_biao7.jpg" alt="">
								<p>搞笑</p>
								<input type="radio"  class="radio"/>
							</li>
							<li>
								<div class="or_box">
									<div>
										<p>0</p>
										<div class="or or8"></div>
									</div>
								</div>
								<img src="images/shipingliulan_biao8.jpg" alt="">
								<p>新奇</p>
								<input type="radio"  class="radio"/>
							</li>
							<li>
								<div class="or_box">
									<div>
										<p>15</p>
										<div class="or or9"></div>
									</div>
								</div>
								<img src="images/shipingliulan_biao9.jpg" alt="">
								<p>不解</p>
								<input type="radio"  class="radio"/>
							</li>
							<li>
								<div class="or_box">
									<div>
										<p>78</p>
										<div class="or or10"></div>
									</div>
								</div>
								<img src="images/shipingliulan_biao10.jpg" alt="">
								<p>路过</p>
								<input type="radio"  class="radio"/>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
					
					<div class="canlove">
						<p class="theme">你可能也喜欢其他微电影</p>
						<ul>
							<li>
								<img src="images/shipingliulan_love1.png" alt="">
								<div class="box">
									<p>致青春阮莞微电影《色彩日记》</p>
								</div>
							</li>
							<li>
								<img src="images/shipingliulan_love2.png" alt="">
								<div class="box">
									<p>致青春阮莞微电影《色彩日记》</p>
								</div>
							</li>
							<li>
								<img src="images/shipingliulan_love3.png" alt="">
								<div class="box">
									<p>致青春阮莞微电影《色彩日记》</p>
								</div>
							</li>
							<li>
								<img src="images/shipingliulan_love4.png" alt="">
								<div class="box">
									<p>致青春阮莞微电影《色彩日记》</p>
								</div>
							</li>
							<div class="clear"></div>
						</ul>
					</div>
					<div class="author_box">
						<img src="images/shipingliulan_author.png" alt="" class="author fl">
						<div class="fl">
							<p class="name"><span class="fl">小编：Clay-Li</span><img src="images/guanzhu.png" alt=""></p>
							<p>祝有情人终成兄妹</p>
						</div>
					
					</div>
					<p class="theme">发表你的看法</p>
					<form action="" method="">
						
					
					<div class="textarea">
						<textarea rows="" cols=""></textarea>
						<p class="shuru">还可以输入<span>100</span>字</p>
					</div>
					<p class="last">
						<span class="fl">匿名</span><input type="text" class="niming fl"><span class="fl">或</span><a href="" class="fl">登录评论</a>
						<input type="text" placeholder="验证码" class="fl"><img src="images/shipingliulan_yanzheng.png" alt="" class="fl">
						<input type="submit" value="发表" class="fr fabiao" >
					</p>
					</form>
				</div>
				<div class="fl right">
					<p class="t">Ur影视人</p>
					<ul class="r_list2">
						<li>
							<img src="images/home_tou1.png" alt="">
							<div class="wenzi">
								<p class="title"><a href="">CLay Li （用户ID）</a></p>
								<p class=""><a href="">忠于党和国家人民</a></p>
								<a href=""><img src="images/guanzhu.png" alt=""></a>
							</div>
						</li>
						<li>
							<img src="images/home_tou2.png" alt="">
							<div class="wenzi">
								<p class="title"><a href="">CLay Li （用户ID）</a></p>
								<p class=""><a href="">忠于党和国家人民</a></p>
								<a href=""><img src="images/guanzhu.png" alt=""></a>
							</div>
						</li>
						<li>
							<img src="images/home_tou3.png" alt="">
							<div class="wenzi">
								<p class="title"><a href="">CLay Li （用户ID）</a></p>
								<p class=""><a href="">忠于党和国家人民</a></p>
								<a href=""><img src="images/guanzhu.png" alt=""></a>
							</div>
						</li>
						<li>
							<img src="images/home_tou4.png" alt="">
							<div class="wenzi">
								<p class="title"><a href="">CLay Li （用户ID）</a></p>
								<p class=""><a href="">忠于党和国家人民</a></p>
								<a href=""><img src="images/guanzhu.png" alt=""></a>
							</div>
						</li>
					</ul>
					<div class="clear"></div>
					<div class="fl t_l">热门点击</div>
					<div class="fl t_r">小编推荐</div>
					<div class="clear"></div>
					<ul class="bot">
						<li>
							<img src="images/shipingliulan_r1.png" alt="">
							<div class="fl">
								<p>5种方法提高你的时间利用率</p>
								<p>clay_Li | 2013年8月24日 | 0评论</p>
							</div>
							<div class="clear"></div>
						</li>
						<li>
							<img src="images/shipingliulan_r2.png" alt="">
							<div class="fl">
								<p>5种方法提高你的时间利用率</p>
								<p>clay_Li | 2013年8月24日 | 0评论</p>
							</div>
							<div class="clear"></div>
						</li>
						<li>
							<img src="images/shipingliulan_r3.png" alt="">
							<div class="fl">
								<p>5种方法提高你的时间利用率</p>
								<p>clay_Li | 2013年8月24日 | 0评论</p>
							</div>
							<div class="clear"></div>
						</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			
		</section>
		<div class="clear"></div>
		
		
		<section class="bottom">
			<div class="w1070">
				<div class="top">
					<div class="h6"></div>
					<span>有啊精华区</span>
					<div class="h6"></div>
				</div>
				<div class="list_l fl">
					<ul>
						<li>
							<img src="images/home_bot1.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
						<li>
							<img src="images/home_bot1.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
						<li>
							<img src="images/home_bot2.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
						<li>
							<img src="images/home_bot2.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
						<li>
							<img src="images/home_bot1.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
						<li>
							<img src="images/home_bot1.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title"><a href="">标题美女看书很入迷</a></p>
								<p>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/or_xing.png" alt=""/>
									<img src="images/xing.png" alt=""/>
								</p>
								<p><span></span>校园</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="list_r fr">
					<ul>
						<li>
							<img src="images/home_bot4.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title">环太平洋<span>468人评论过</span></p>
								<p><span>#环太平洋#环太平洋</span>对影建筑物倒塌、核弹攻击城市、外星人入侵..<a href="">[详细]</a></p>
								<p><img src="images/red_icon.png" alt="">欧美电影</p>
							</div>
							<div class="clear"></div>
						</li>
						<li>
							<img src="images/home_bot5.jpg" alt="" class="fl big">
							<div class="fl">
								<p class="title">速度与激情6<span>783人评论过</span></p>
								<p>【杰森·斯坦森确定加盟<span>#速j#</span>】斯坦森饰演第六部大反派欧文·肖..<a href="">[详细]</a></p>
								<p><img src="images/red_icon.png" alt="">热映推荐</p>
							</div>
							<div class="clear"></div>
						</li>
						<li>
							<img src="images/home_bot6.png" alt="" class="fl big">
							<div class="fl">
								<p class="title">青春派<span>97人评论过</span></p>
								<p><span></span>《青春派》预告片“零差评”逆增长&nbsp;&nbsp;<a href="">[详细]</a></p>
								<p><img src="images/red_icon.png" alt="">电影预告</p>
							</div>
							<div class="clear"></div>
						</li>
					</ul>
				</div>
			</div>
		</section>
		<footer>
			<div class="w1070">Copyright © 2013  URFILM 版权所有</div>
		</footer>
	</body>
</html>
